<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<title>个人中心</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
		<%@ include file="/WEB-INF/wechat/iot/common/resource_lib.jsp"%>
		
		<link type="text/css" href="<%=basePath%>/css/wechat/iot/personal.css?<%=v%>" rel="stylesheet"/>
		<style type="text/css">
			p.weui-tabbar__label{
				color:#999 !important ;
			}
			.weui-tabbar__icon {
			    width: 24px;
			    height: 24px;
			}
			.weui-tabbar__icon.active img.active{
				display: block;
			}
			.weui-tabbar__icon.active img{
				display: none;
			}
			.weui-tabbar__icon img{
				display: block;
			}
			.weui-tabbar__icon img.active{
				display: none;
			}
			.righttip{
				margin-right: 20px;
				color: #999 !important ;
				font-size: 0.75rem !important ;
				margin-top: 2px;
			}
		</style>
	</head>
	<body>
		
	<div class="container">
			
		<section class="aui-flexView">
           <div style="width: 100%;height: 30px;">
           </div>
            <section class="aui-scrollView">
                <div class="aui-take-content">
                    <div class="aui-take-content-col">
                        <div class="aui-img-logo">
                        	<c:if test="${user.wx_img_url != null }">
                        		<img src="${user.wx_img_url }" >
                        	</c:if>
                        	<c:if test="${user.wx_img_url == null }">
                        		<img src="<%=basePath%>/image/wechat/iot/default_logo.jpg" >
                        	</c:if>
                        </div>
                        <div class="aui-img-text">
                            <h2>
                            	<c:if test="${user.nick_name != null && user.nick_name!='' }">
	                        		${user.nick_name}
	                        	</c:if>
	                        	<c:if test="${user.nick_name == null || user.nick_name==''  }">
	                        		${user.name}
	                        	</c:if>
                            	
                            </h2>
                        </div>
                    </div>
                </div>
                 <div class="divHeight"></div>
                <div class="aui-course-list">
                    <a href="<%=basePath%>/service/wiot/mscene" class="aui-flex">
                        <div class="aui-cou-img">
                            <img src="<%=basePath%>/image/wechat/iot/icon-li-001.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <p>项目信息</p>
                        </div>
                    </a>
                    <c:if test="${user.type != 7 }">
	                    <a href="<%=basePath%>/service/wiot/maccount" class="aui-flex">
	                        <div class="aui-cou-img">
	                            <img src="<%=basePath%>/image/wechat/iot/icon-li-003.png" alt="">
	                        </div>
	                        <div class="aui-flex-box">
	                            <p class="float-left">子账户</p>
	                            <p class="float-right righttip" >${info.data}个</p>
	                        </div>
	                    </a>
                    </c:if>
                    <a href="<%=basePath%>/service/wiot/euser" class="aui-flex">
                        <div class="aui-cou-img">
                            <img src="<%=basePath%>/image/wechat/iot/icon-li-004.png" alt="">
                        </div>
                        <div class="aui-flex-box clear">
                            <p class="float-left">个人信息</p>
                            <p class="float-right righttip" >修改</p>
                        </div>
                    </a>
                     <a href="javascript:void(0);" class="aui-flex bindurl">
                        <div class="aui-cou-img">
                            <img src="<%=basePath%>/image/wechat/iot/icon-li-005.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <p class="float-left">操作</p>
                            <p class="float-right righttip user-bind" >退出</p>
                        </div>
                    </a>
                </div>
            </section>
        </section>
			
		</div>
		<%@ include file="/WEB-INF/wechat/iot/moudle/operate.jsp"%>
		
	</body>
	<script src="<%=basePath%>/lib/weixinLib/WeixinApi.js"></script>
	<script type="text/javascript">
		$(".weui-tabbar .weui-tabbar__icon").eq(2).addClass("active");
		
		var flag = WeixinApi.openInWeixin();
		if(!flag){
			// alert("请在微信浏览器中打开");
		}else{
			$(".user-bind").html("切换账号");
		}
		
		$(".user-bind").click(function(){
			localStorage.removeItem("auto");
			forward('/user/logout?type=1');	
		})
	</script>
</html>